<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <input type="text">
</body>

</html>

<script>

  // 黄色的 “变量”，都表示 某个“功能”、
  // alert('你好~~');



  /* 一、 prompt 的作用介绍：

    注： prompt 执行的效果是 一个 弹窗；但 弹窗中，用户可以输入信息
    用户输入完信息，点击「确定」，其信息 会作为 prompt 的返回值。
    若用户点击了「取消」，则 promp 的返回值是 `null`。
  
    案例：
      var data = prompt('你好~~');
    
      console.log(data); // 

  */

  // 案例： 两次 prompt，用户输入的 两个 数字信息；
  // 用 alert ，将 用户 两次输入的 信息相加，显示：
  var num1 = +prompt('请输入第一个数字'); // 注：prompt 的返回值是 字符串
  var num2 = Number(prompt('请输入第二个数字')); // 注：prompt 的返回值是 字符串
  alert(num1 + num2); // 结果值是 '123123'

  /* 二、重点知识：
    在浏览器中，用户输入的所有信息，其数据格式，都是 「字符串」！！！
  
  */


</script>